<template>
    <van-popup v-model="showPop" position="bottom">
        
        <div class="con">
            <div class="icon"></div>
            <van-cell title="订单金额" value="xxxx"></van-cell>
            
            <div class="butt">
                <van-button type="info" size="large" @click="showPop=false">添加</van-button>
            </div>
        </div>
    </van-popup>
</template>

<script>

export default {

    data() {
        return {
            showPop: false,
            name: "",
            code: ""
        }
    },

    methods: {

        // 
        show() {
            this.showPop = true
        },

        // 
        nextStep() {
            this.$emit("commit", this.code);
        }
    }
}

</script>

<style lang="scss" scoped>
.con {
    width: 340px;
    background-color: #ffffff;
    .title {
        padding: 20px;
        text-align: center;
    }

    .inp {
        text-align: center;
        & > input {
            width: 80%;
            text-align: center;
            padding: 6px 20px;
            font-weight: bold;
            font-size: 24px;
            border: 1px solid #f0f0f0;
        }
    }
    .butt {
        padding: 20px;
    }
}
</style>